<!DOCTYPE HTML>
<html>
<head>
<title>Single</title>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
  <link rel="shortcut icon" href="images/favicon.ico" />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!--webfont-->
<link rel="stylesheet" href="assets/css/style.css">

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<!-- dropdown -->
<script src="js/jquery.easydropdown.js"></script>
<script src="js/fuc.js"></script>
<!-- start menu -->
<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/megamenu.js"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
<link rel="stylesheet" href="css/etalage.css">
<script src="js/jquery.etalage.min.js"></script>
<script>
			jQuery(document).ready(function($){

				$('#etalage').etalage({
					thumb_image_width: 300,
					thumb_image_height: 400,
					source_image_width: 900,
					source_image_height: 1200,
					show_hint: true,
					
				});

			});
		</script>
		<script type="text/javascript">

	var url = getPath() + "/api/medicinal/get/"+getParam("id");
	var med;
	$.getJSON(url,function(data) {
						med = data;
						$("#k").prepend( "<h1>"+med.name+"</h1>");
						$(".m_5").prepend( med.price);
						$("#i").prepend( med.introduction);
						$("#d").prepend( med.detail);
						document.getElementById("im").src = med.image;
						$("#im").attr("src",med.image);
						$("#im2").attr("src",med.image);
						var kkk = "<form action=\"#\" onclick=\"jumpTo('/api/order/"+med.id+"')\"> <input type=\"submit\" value=\"buy\" title=\"\"></form>"
						$(".btn_form").append(kkk);
						$('#etalage').etalage().whatever();
					});
</script>
<script type="text/javascript">
	var url = getPath() + "/api/medicinal/showMost4";
	var d;
	$.getJSON(url,function(data) {
						d = data;
						var txt2;

						for (var i = 0; i < data.length; i++) {
						var txt = 
							"<div class=\"col-sm-3 grid_1\">"
	          	   			+"	 <a href=\"single.html?id="+data[i].id+"\">"
				   			+"	 	<img src=\""+data[i].image+"\" class=\"img-responsive\" />"
					    	+"	 	 <h3>"+data[i].name+"</h3>"
					   	 	+"		  <p>"+data[i].introduction+"</p>"
				   		   	+" 		 <h4>"+data[i].price+" 元</h4>"
			         		+"	</a>  "
				 			+"</div> "
							$(".span_3").append(txt);
						}

					});	
</script>


</head>
<body>
<div class="header_top">
		<div class="header">
			<div class="container">
				<div class="row">
					<div class="logo span4">
						<h1>
							<a href="" onclick="getPath('/index.htnl')">E-Health<span class="red">.</span></a>
						</h1>
					</div>
					<div class="links span8">
						<a class="home" href="#" onclick="jumpTo('/index.html')"
							rel="tooltip" data-placement="bottom" data-original-title="主页"></a>
						<a class="menu" href="#" onclick="jumpTo('/menu.html')"
							rel="tooltip" data-placement="bottom" data-original-title="菜单"></a>
						<a class="login" href="#" onclick="jumpTo('/login.html')"
							rel="tooltip" data-placement="bottom" data-original-title="登录"></a>
						<a class="register" href="#" onclick="jumpTo('/register.html')"
							rel="tooltip" data-placement="bottom" data-original-title="注册"></a>
					</div>
				</div>
			</div>
		</div>

	</div>

<div class="menu">
	<div class="container">
		<div class="menu_box">
	  </div>
</div>
</div>
<div class="men">
	<div class="container">
	  <div class="single_top">
	       <div class="col-md-9 single_right">
	   	       <div class="grid images_3_of_2">
						<ul id="etalage">
							<li>
								<a id="ah">
									<img id="im" class="etalage_thumb_image" src="assets/img/m.png" class="img-responsive" />
									<img id="im2" class="etalage_source_image" src="assets/img/m.png"  class="img-responsive" title="" />
								</a>
							</li>
							
						</ul>
						 <div class="clearfix"></div>		
				  </div> 
				  <div class="desc1 span_3_of_2" id="k">
				   
				    <p class="m_5"> 元 <a href="#">点击购买</a></p>
				    <div class="btn_form">
						
					 </div>
					 <p class="m_text2" id="i"></p>
				  </div>
				  <div class="clearfix"></div>	
       </div>
       <div class="col-md-3">
      	<!-- FlexSlider -->
             
<!-- FlexSlider -->
      </div>
      <div class="clearfix"> </div>
     </div>
       <div class="toogle">
     	<h2>详细信息</h2>
     	<p class="m_text2" id="d"></p>
     </div>
    
     <h4 class="head_single"> 最近上市</h4>
     <div class="span_3">
	          	 
				  <div class="clearfix"></div>
	     </div>
      </div>
</div>
<div class="footer">
	<div class="container">
		
		<div align="center">Copyright &copy; 2015.<a target="_blank" href="mailto:jason19659@163.com">Jason</a> All rights reserved
	</div>
</div>
<link href="css/flexslider.css" rel='stylesheet' type='text/css' />
							  <script defer src="js/jquery.flexslider.js"></script>
							  <script type="text/javascript">
								$(function(){
								  SyntaxHighlighter.all();
								});
								$(window).load(function(){
								  $('.flexslider').flexslider({
									animation: "slide",
									start: function(slider){
									  $('body').removeClass('loading');
									}
								  });
								});
							  </script>
</body>
</html>		